import { Component,ViewEncapsulation } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

// import '.ng-directive.scss';  在css中才会如此
/**
 * Generated class for the NgDirectivePage page.
 *
 * See http://ionicframework.com/docs/components/#navigation for more info
 * on Ionic pages and navigation.
 */
@IonicPage()
@Component({
  selector: 'page-ng-directive',
  templateUrl: 'ng-directive.html',
  //styleUrls: ['./app/ng-directive/ng-directive.scss'],  //url地址
  styles: ['h1 { font-weight: normal; }'],
 //styleUrls: ['./ng-directive.scss'], 
 //encapsulation: ViewEncapsulation.None,  //相当于引入的sss没作用了
 //这个引入的是绝对路径还没有使用webpack的方式引入。相当于自己要手动在bulid 文件夹内建立文件。
})
export class NgDirectivePage {
  color:'yellow';
  constructor(public navCtrl: NavController, public navParams: NavParams) {
    
  }
  ionViewDidLoad() {
    console.log('ionViewDidLoad NgDirectivePage');
  }

}
